.container {
    background-color: #f4f6fa;


    .task_info {
        width: 354.17px;
        height: 118.06px;
        background: #ffffff;
        border-radius: 6.94px;
        margin: 10px 10px 16px;
        padding: 17px 10px;

        img.images {
            margin-right: 18px;
            width: 83px;
            height: 83px;
            border-radius: 10px;

        }

        .deadline {
            img {
                width: 11px;
                height: 11px;
            }

            font-size: 11.81px;
            font-family: Microsoft YaHei,
            Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #ff9500;
        }


        .scaleType {
            font-size: 13.89px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #888888;
            margin: 16px 0 13px;
        }

        .name {
            font-size: 18.75px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #333333;
            width: 191px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }

    .scale_info,
    .user_select,
    .scale_introduce,
    .scale_know {
        margin-left: 17px;

        .title {
            .bar {
                margin-right: 10px;
            }

            .text {
                font-size: 15.97px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: bold;
                text-align: left;
                color: #333333;
            }
        }
    }

    .scale_info_container {
        width: 354.17px;
        height: 341.67-48px;
        background: #ffffff;
        border-radius: 6.94px;
        margin: 15px auto;
        padding: 0px 13px;

        .item {
            height: 48px;
            width: 326px;
            border-bottom: 0.35px solid #ddd;

            &:last-child {
                border-bottom: 0;
            }

            .label {
                font-size: 15.28px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: 400;
                text-align: left;
                color: #666666;
            }

            .text {
                font-size: 15.28px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: 400;
                text-align: left;
                color: #333333;
            }
        }
    }

    .know {
        width: 354.17px;
        height: 260.42px;
        background: #ffffff;
        border-radius: 6.94px;
        margin: 15px auto;
        padding: 23px 13px 29px;

        .item {
            span.blue_circle {
                transform: translateY(-3px);
            }

            font-size: 14.58px;
            font-family: Microsoft YaHei,
            Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #555555;
            line-height: 29.17px;
        }
    }

    .introduce {
        width: 354.17px;
        // height: 180.56px;
        background: #ffffff;
        border-radius: 6.94px;
        margin: 15px auto;
        padding: 23px 13px 23px;

        .content {
            width: 325.69px;
            font-size: 14.58px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #555555;
            line-height: 31.25px;
            text-indent: 2em;


        }

        .text {
            font-size: 13.89px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #aaaaaa;
            margin-top: 21px;

            img {
                width: 10px;
                height: 10px;
                margin-left: 6px;
            }
        }
    }

    .confirm {
        width: 375px;
        height: 62.5px;
        background: #ffffff;
        padding-left: 20px;

        .flex_column {
            .sum {
                margin-bottom: 9px;
                font-size: 14.58px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: 400;
                text-align: left;
                color: #333333;

                span {
                    font-size: 14.58px;
                    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                    font-weight: 400;
                    text-align: left;
                    color: #ff9500;
                }
            }
        }

        .flex_row {
            .text {
                margin-left: 8px;
                font-size: 13.19px;
                font-family: Resource Han Rounded CN, Resource Han Rounded CN-Regular;
                font-weight: 400;
                text-align: left;
                color: #555555;

                span {
                    color: #00AEFF;
                }
            }
        }

        .btn {
            width: 107.64px;
            height: 62.15px;
            border-radius: 0;

        }
    }

}